<template>
  <div id="html_main">
    <html11 v-if="value===1"></html11>
    <html12 v-if="value===2"></html12>
    <html13 v-if="value===3"></html13>
    <html14 v-if="value===4"></html14>
    <html15 v-if="value===5"></html15>
    <html16 v-if="value===6"></html16>
    <html17 v-if="value===7"></html17>
    <html18 v-if="value===8"></html18>
    <html19 v-if="value===9"></html19>
    <html110 v-if="value===10"></html110>
    <html111 v-if="value===11"></html111>
    <html112 v-if="value===12"></html112>
    <html113 v-if="value===13"></html113>
    <html114 v-if="value===14"></html114>
    <html115 v-if="value===15"></html115>
    <html116 v-if="value===16"></html116>
    <html117 v-if="value===17"></html117>
    <html118 v-if="value===18"></html118>
  </div>
</template>

<script>
import html11 from "../views/1_1"
import html12 from "../views/1_2"
import html13 from "../views/1_3"
import html14 from "../views/1_4"
import html15 from "../views/1_5"
import html16 from "../views/1_6"
import html17 from "../views/1_7"
import html18 from "../views/1_8"
import html19 from "../views/1_9"
import html110 from "../views/1_10"
import html111 from "../views/1_11"
import html112 from "../views/1_12"
import html113 from "../views/1_13"
import html114 from "../views/1_14"
import html115 from "../views/1_15"
import html116 from "../views/1_16"
import html117 from "../views/1_17"
import html118 from "../views/1_18"

export default {
  data(){
    return{
     
    }
  },
  props:{
    value:Number
  },
 components:{
   html11,
   html12,
   html13,
   html14,
   html15,
   html16,
   html17,
   html18,
   html19,
   html110,
   html111,
   html112,
   html113,
   html114,
   html115,
   html116,
   html117,
   html118
 }
};
</script>

<style>
</style>